html,body{
    background-color: #f4f4f4;
}
.head-one{
    height:.88rem;
    width:60%;
    top:.4rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.head-three{
    width:1.3rem;
    height:.88rem;
    line-height:.88rem;
    border-bottom:.05rem solid #333;
    font-size:.3rem;
    color:#333;
    font-weight:600;
    text-align:center;
}
.head-two{
    width:1.3rem;
    height:.88rem;
    line-height:.88rem;
    font-size:.3rem;
    color:#666;
    font-weight:600;
    text-align:center;
}
.store{
    background-color:#fff;
    border-radius:.06rem;
    margin:.2rem .15rem;
    box-shadow:0 .03rem .05rem #eee;
    padding:0 .3rem;
}
.stores{
    height:2.32rem;
    border-bottom:.01rem solid #eee;
    position:relative;
}
.commoditys{
    width:1.86rem;
    height:1.86rem;
    position: absolute;
    top:.23rem;
}
.commoditys img{
    width:100%;
    height:100%;
}
.commo{
    width:4.5rem;
    height:1.86rem;
    /*background-color: #64b0fb;*/
    position: absolute;
    top:.23rem;
    left:2.12rem;
}
.commo-one{
    margin-top:.08rem;
    font-size:.3rem;
    color:#333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.commo-two{
    margin:.18rem 0;
    font-size:.24rem;
    color:#666;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.commo span{
    font-size:.26rem;
    color:#333;
}
.money{
    font-size:.26rem;
    color:#ff0000;
}
.time{
    font-size:.24rem;
    color:#666;
    float:right;
}